<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<style type="text/css">
	  body{
		background-color: #f0f0f0;
		margin:0;
		padding:0;
		font-size: 16px;
		font-weight: 700;
	   }
	   ul{
	   	padding:0;
	   	list-style: none;
	   }
	   a{
           text-decoration: none;
           color:#000;
	   }
           .box{
           	width: 1200px;
            margin:auto; 
            background-color: #fff;
            overflow: hidden;
           }

           .nav>li{
              float: left;
              margin-left: 10px;
           }
           .box_right{
           	float: right;
           }
           .home{
           	  width: 100px;
           	  height: 34px;
           	  background-color: #ff552e;
           	  line-height: 34px;
           	  text-align: center;
           	  color: #fff;
           	  border-radius: 3px 3px 0px 0px;
           }
           .nav_2{
           	height: 34px;
           	width: 120px;
           	line-height: 34px;
           	text-align: center;
           	color: #ff552e;
           }
           .icon{
           	background-image: url(http://img.58cdn.com.cn/ui6/index/58app.gif?v=1);
           	background-repeat: no-repeat;
           	background-position: 15px 0 ;
           }
           .nav_3{
           	  height: 34px;
           	  line-height: 34px;
           	  padding:0 15px;
           	  color: #666;
           }
           .nav_3:hover{
           	background-color:  #ff552e;
           	color: #fff;
           	border-radius: 3px 3px 0px 0px;
           }
           .box_right{
           	    color: #ff552e;
                font-size: 12px;
                font-weight: 700;
                padding-top:12px;
           }
           .box_right:hover{
           	text-decoration: underline;
           }
	</style>
</head>
<body>

  <div class="box">
    <ul class="nav">
       <li class="home">首页</li>
       <li class="nav_2 icon">58APP</li>
       <li class="nav_2">商家APP</li>
       <li class="nav_2">58公众号</li>
       <li class="nav_3">微站</li>
       <li class="nav_3">金融</li>
       <li class="nav_3">安居客</li>
       <li class="nav_3">中华英才网</li>
       <li class="nav_3">58车</li>
    </ul>
   
    <a href="#" class="box_right">我要推广</a>
  
  </div>

</body>
</html>